import React, { useEffect, useState } from "react";
import { request, useRequest } from "umi";
export default function index() {
  const [list, setList] = useState([]);

  // 使用解构赋值的方法，拿到data, 就是后端返回的数据中的data. 如：后台数据结构：{code, msg, data}
  const { data } = useRequest({ url: "/api/doctorOfone" });
  console.log("/api/doctorOfone", data);

  useEffect(() => {
    getAllDoctors();
  }, []);

  // 请求所有医生数据
  const getAllDoctors = async () => {
    // 直接解构出Data。
    // const { data } = await fetch("/api/doctor/noteamall", {}).then((res) =>
    //   res.json()
    // );
    // setList(data);
    //

    //  request() ==> axios.get(url, {}) ,axios.post(url, {})
    const data = request("/api/doctor/noteamall");
    // console.log(data); // Promise 对象
    data.then((res) => {
      console.log(res.data);
      setList(res.data);
    });
  };

  // 获取一个医生的信息
  const getDoctorInfo = async () => {
    const { data } = await fetch("/api/doctorOfone", {}).then((res) =>
      res.json()
    );
    console.log(data);
  };
  return (
    <div>
      <h1>Doctors</h1>
      {list.map((el) => {
        return <p key={el.did}>{el.dname}</p>;
      })}

      <button type="button" onClick={getDoctorInfo}>
        获取一个医生信息
      </button>
    </div>
  );
}
